var modChart_locLang=new localLang("modChart");
var modChart = new Class({
	Extends:WFWindow,
	sampleProxyEnable: false,	
    options: {
        name: 'modChart',
        title: modChart_locLang.label('title'),
        btnSettings: true,
        btnRefresh: true,
        btnHelp: true,
        btnClose: true,
        loadCSS: true,
		supportServerTypes:['modSimple'],
        defaultWidgetHeight: 244
    },
    settingModalOption:{
        title: modChart_locLang.label('edit') + ' - '+ modChart_locLang.label('title'),
        content: '<input type="button" class="cancel" value="'+modChart_locLang.label('btn_cancel')+'">',
        callBack: function(){
            $$('.modalContent .cancel').addEvent('click',function(e){
                this.refreshMod();
                this.settingModal.close();
            }.bind(this));
        }
    },
    renderContent: function(){
        this.wholePage = new Element("div", {"class":"wholePage"}).injectInside(this.boxBD);		//whole div
			this.timePeriodPage = new Element("div", {"class":"timePeriodPage"}).injectInside(this.wholePage);	//left div
			this.msgPage = new Element("div", {"class":"msgPage"});					//right div
			this.chartPage = new Element("div", {"class":"msgPage"});				//bottom div
        
		var xy = this.getContentSize();
		jQuery(".timePeriodPage").css({
			"width":xy.x+"px", 
			"height":"300px",
			"border":"2px solid black"
		});
		
		
		//alert("x="+xy.x);
		//alert("y="+xy.y);
    },
	onClickRefresh2: function(){
		
	},
    displaySuccess: function(response)
	{
        
    },
    displayFailure: function(){
    }
});
